<template>
	<div class="swiper-container lbt">
        <div class="swiper-wrapper">
            <div class="swiper-slide" v-for='item in lunbo'>
            	<img :src='item.imageUrl'>
            </div>
        </div>
    </div>   
</template>
<script>
	export default {
		data:function(){
			return {
				lunbo:''
			}
		},
		mounted:function(){
			var that = this;
                $.get('http://10.20.159.13:3000/lunbo', function(res) {
                    // console.log(res.data.billboards)
                    that.lunbo = res.data.billboards
            });
                setTimeout(function(){
        	 new Swiper('.swiper-container', {
                direction: 'horizontal',
                loop: true,
                autoplay: 4500,
               	speed: 1000,
                autoplayDisableOnInteraction: false
        	})
        }, 2000);
		}
	}
</script>